.top_bg{ height:120px; background:url(images/top_bg.png) repeat; position: relative;z-index: 10;width: 100%;}
.top_bg .isear{ right:0%;position: absolute;top: 2.9rem;width:2rem;height:2rem;z-index: 20;}
.top_bg .isear .icon{display:block;width:0.9rem;height:0.9rem;cursor:pointer; margin:0 auto;}
.top_bg .isearch{position:absolute;right:0;top: 40px;padding:5px;background-color:#f3f3f3;width:295px;height:30px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;}
.top_bg .isearch .ser_inp{display:block;float:left;width:204px;height:16px;line-height:16px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none;}
.top_bg .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#02bade;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
.top_bg .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #02bade;z-index:3;right:75px;top:16px;}
.top_bg .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.top_bg .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
input::-webkit-input-placeholder {color: #666;}
.h_tel{font-size: 0.8rem;color: #c6c8c8;position: absolute;top: 0.5rem;right: 0; background:url(images/tel.png) no-repeat 0 50%;padding: 0 0 0 30px;height: 1.5rem;line-height: 1.5rem;overflow: hidden;width: 16%;}
.h_tel i{font-size: 1rem;color: #fff;}
.logo{width: 9.375%;padding: 1.5rem 0 0;text-align: right;}
.logo img{ width:6.4rem; height:2.7rem;}
.h_dw{font-size: 0.8rem;color: #cfd0d0;width: 16.5rem;line-height: 1.6rem;float: left;padding: 1.2rem 0 0 1rem; background:url(images/t_line.png) no-repeat 0 1.4rem;margin-left: 0.8rem;}
.h_dw b{display: block;font-size: 1.2rem;color: #dedede;}
.h_nav{width: 65%; height:120px;overflow: hidden;}
.h_nav li{ float:left;height: 120px;line-height: 130px;overflow: hidden;}
.h_nav li a{ font-size:0.8rem; color:#c8c6cc;display:block; float:left; padding:0 14px;height: 140px;}
.h_nav li a:hover,.h_nav li.cur a{color: #fff;font-weight: bold; background:url(images/nav_ico.png) no-repeat 5px 65px;}
em,i{ font-style:normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}


        /*banner*/
        .fullSlide{ min-width:1200px; position:relative;  height:100%; overflow:hidden; margin-top: -120px; background:url(images/loading.gif) no-repeat center center; }
        .fullSlide .bd{ position:relative; z-index:0;}
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center; line-height:0;}
      

    .case_video1,
    .case_video2 {
        position: fixed;
        width: 960px;
        height: 540px;
        left: 50%;
        top: 50%;
        margin-left: -480px;
        margin-top: -270px;
        z-index: 10;
        background: rgba(0, 0, 0, 0.6);
        display: none;
    }
    
    .case_video1 .vclose,
    .case_video2 .vclose {
        position: absolute;
        right: 1%;
        top: 1%;
        border-radius: 100%;
        cursor: pointer;
        background: #fff;
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 20px;
        text-align: center;
        color: #000;
        z-index: 10;
    }


.f_bg{ background:#2b2f34; height:354px; overflow:hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_nav{height: 88px;line-height: 106px;overflow: hidden;border-bottom: #595b5a 1px solid;}
.f_nav ul li{float: left;padding: 0 38px;}
.f_nav ul li a{font-size: 14px;color: #bebfbf;}
.f_nav ul li a:hover{color: #fff;}
.f_logo{width: 345px;height: 205px;padding: 60px 0 0;}
.f_logo h5{width: 185px;}
.f_logo h5 img{width: 185px;height: 80px;}
.f_logo p{padding: 10px 0 0;height: 70px;font-size: 14px;color: #bebfbf;background:url(images/f_line.gif) no-repeat 0 69px;line-height: 25px;}
.f_logo p span{display: block;}
.f_logo p a{color: #bebfbf;}
.f_ban{width: 480px;padding: 50px 0 0;height: 215px;}
.f_ban p{line-height: 30px;font-size: 14px;color: #bebfbf;}
.f_ban span{padding: 0 10px;}
.f_ban a{color: #bebfbf;}
.f_er{width: 320px; padding:55px 0 0;height: 210px;}
.f_er p{width: 120px;float: left;padding: 0 0 0 40px;text-align: center;}
.f_er p em{display: block;width: 100px;height: 100px;border: #818181 1px solid;padding: 9px;}
.f_er img{ width:100px; height:100px;}
.f_er p span{display: block;font-size: 14px;color: #bebfbf;line-height: 40px;width: 120px;}
  

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #07a0e6;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #07a0e6;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }